{layout name="layout" /}

<div class="content">
    <div class="cont w1000">
        <div class="list-item">
            {foreach $data as $val}
            <div class="item">
                <div class="layui-fluid">
                    <div class="layui-row layui-col-xs12 layui-col-sm12 layui-col-md12">
                        <article class="" tabindex="0" data-hook="post-list-item" style="border-width: 1px;">
                            <a target="_top" href="{:url('article', 'id='.$val.id)}" class="_3XkGv _1O25e _1ee65">
                                <div class="_24zS1 blog-post-title-font _1O25e _2ex2r _1ee65" data-hook="post-list-item__title"
                                    style="font-size: 28px;">
                                    <h2 class="_2NtDR _3CY-9 blog-text-color post-title blog-hover-container-element-color"
                                        data-hook="post-title">
                                        <span class="post-title__text">
                                            <div style="overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2;">
                                                {$val.title}
                                            </div>
                                        </span>
                                    </h2>
                                </div>
                                <div class="_blog-post-description-style-font _1ee65" data-hook="post-description"
                                    style="font-size: 16px;">
                                    <div style="overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2;">
                                        <div class="fl4fR" data-hook="post-description">
                                            {$val.summary}
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </article>
                    </div>
                </div>
            </div>
            {/foreach}
        </div>
        <div id="demo" style="text-align: center;"></div>
    </div>
</div>